<!--
    继承性（子承父业）
        子标签继承父标签【某些】样式
        合理利用继承性，可以简化代码、降低CSS样式复杂性

        1）可继承的样式（标签不存在默认样式的情况）
            color
            text-开头的
            line-开头的
            font-开头的
            基本是文本相关的样式！

        2）不继承的样式
            盒子相关的一般不继承：高度、宽度、内边距、外边距等
            自带默认样式的标签的样式不继承（其实是优先级问题）：链接的文本颜色、下划线，标题的字体粗细等
        
        自带的默认样式：控制台那里标签中的相关属性可以观察出来！
-->
<style>
    ul {
        color: red;
    }
    div {
        color: orange;
        font-size: 10px;
    }
</style>

<ul>
    <li>hello</li>
    <li>hello</li>
    <li>hello</li>
</ul>

<div>
    <span>文本</span>
    <h3>标题的粗细不继承</h3>
    <a href="#">链接的文本颜色、下划线不继承</a>
    <p>段落</p>
</div>